<template>
  <div class="shopjoin">
    <div class="shopjoinNavBar">
      <van-nav-bar title="商家入驻" @click-left="goback" left-arrow></van-nav-bar>
    </div>
    <div class="shopjoinInfo">
      <div class="shopjoinAD">
        <img src="../../assets/images/sjrz_pic.png" />
      </div>
      <div class="supplierEntry">
        <div class="supplierLeft">
          <img src="../../assets/images/sjrz_gys.png" />
        </div>
        <div class="supplierRight" @click="$router.push(`/authForm?businessApplyType=1`)">
          <div class="supplierRightHand">
            <span>供应商入驻</span>
            <img src="../../assets/images/right.png" class="rightgo" />
          </div>
          <div class="supplierRightButtom">
            <span>供货商是指能提供鲜花货源售卖的商家。入驻后可以在线发布货源和完成在线交易</span>
          </div>
        </div>
      </div>
      <div class="logisticsIn" @click="$router.push(`/authForm?businessApplyType=3`)">
        <div class="logisticsLeft">
          <img src="../../assets/images/sjrz_wl.png" />
        </div>
        <div class="logisticsRight">
          <div class="logisticsRightHand">
            <span>物流商家入驻</span>
            <img src="../../assets/images/right.png" class="righttwogo" />
          </div>
          <div class="logisticsRightButtom">
            <span>物流商家是指能提供物流能力服务的商家或企业。入驻后用户下单即可自动接单</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "shopJoin",
  data() {
    return {};
  },
  methods: {
    goback() {
      this.$router.go(-1);
    }
  }
};
</script>

<style scoped>
.shopjoinInfo {
}
.shopjoinAD {
}
.shopjoinAD img {
  width: 100%;
  height: 122px;
}
.supplierEntry {
  margin: 32px 30px;
  display: flex;
}
.supplierLeft {
}
.supplierLeft img {
  width: 50px;
  height: 57px;
  vertical-align: middle;
}
.supplierRight {
  margin-left: 19px;
}
.supplierRightHand {
}
.supplierRightHand span {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  vertical-align: top;
}
.supplierRightButtom {
  margin-top: 10px;
}
.supplierRightButtom span {
  font-size: 10px;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(169, 174, 192, 1);
  line-height: 18px;
  vertical-align: bottom;
}
.rightgo {
  vertical-align: middle;
  margin-left: 150px;
  width: 6px;
  height: 11px;
}
.righttwogo {
  vertical-align: middle;
  margin-left: 130px;
  width: 6px;
  height: 11px;
}
.logisticsIn {
  margin: 50px 30px;
  display: flex;
}
.logisticsLeft {
}
.logisticsLeft img {
  width: 50px;
  height: 57px;
  vertical-align: middle;
}
.logisticsRight {
  margin-left: 19px;
}
.logisticsRightHand {
}
.logisticsRightHand span {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  vertical-align: top;
}
.logisticsRightButtom {
  margin-top: 10px;
}
.logisticsRightButtom span {
  font-size: 10px;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(169, 174, 192, 1);
  line-height: 18px;
  vertical-align: bottom;
}
</style>
